<html>

<body>
    <h1>Mountains</h1>
    <div id="mountains"></div>
    <div id="mountains" onload="create()">
    </div>
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
    </script>
    <script>
        // const MOUNTAINS = [];
        $(document).ready(function () {
            fetch("./data.json").then(response => {
        console.log(response.status);
        // → 200
        console.log(response.headers.get("Content-Type"));
        // → text/plain
        });
            $.get("./data.json", function (data) {
                let str = "<table border='1px'>"
                data.forEach((item) => {
                    str += "<tr><td>" + item.name + "</td><td>" + item.height + "</td><td>" +
                        item.place + "</td><td>" + "</tr>"
                });

                str += "</table>";
                $("body").append(str);
            });
        });
    </script>
</body>

</html>